﻿
    
    #nav {
        width:100%;
        height: 30px;
        background: url(../Image/navigation_bg.gif) left repeat-x;
    }

    #nav, #nav ul{
        margin:0;
        padding:0;
        list-style-type:none;
        list-style-position:outside;
        position:relative;
        line-height:30px;
    }


    
    #nav a
    {
        text-align:left;
        display:block;
        padding:0px 10px;
        color:#000;
        text-decoration:none;        
    }
    
    #nav li ul
    {
        border-bottom:1px solid #bdbdbd;             
        background-color:#fff;
    }

    #nav a:hover{
        background-color: #f3f3f3;
        color:#333;
    }

    #nav li{
        float:left;
        position:relative;
        border-right:1px solid #bdbdbd;
    }
    
    
    #nav ul {
        position:absolute;
        display:none;
        width:auto;
        top:30px;
    }
    
    #nav li ul a{
        width:12em;
        height:30px;
        float:left;
    }

    #nav ul ul{
        top:auto;
    }	


    #nav li ul ul {
        left:12.8em;
        margin:0px 0 0 10px;
    }


    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
        display:none;
    }
    
    
    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
        display:block;
    }
    
    